<template>
  <div>
    <!-- <my-header-1></my-header-1>
    <div class="me-title">我的订单</div>
    <div class="me-li">
      <div>电影</div>
      <div>商城</div>
    </div>
    <div class="line"></div>
    <div class="ll">优惠券</div>
    <div class="ll">折扣卡</div> -->
    <img src="../../public/mine.png" alt="" />
  </div>
</template>

<script>
//绝对地址引用
import MyHeader1 from "@/components/MyHeader1.vue";
//相对地址引用
// import MyHeader1 from "../components/MyHeader1.vue";
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Me",
  components: {
    MyHeader1,
  },
};
</script>

<style lang="less" scoped>
// .me-title {
//   padding-top: 20px;
//   border-top: 1px solid #ccc;
//   padding-bottom: 20px;
// }
// .me-li {
//   display: flex;
//   justify-content: space-around;
//   border-bottom: 1px solid #ccc;
//   div {
//     width: 50%;
//     height: 50px;
//     text-align: center;
//     line-height: 50px;
//   }
// }
// .line {
//   background: #eee;
//   height: 10px;
// }
// .ll {
//   height: 50px;
//   line-height: 50px;
//   border-bottom: 1px solid #ccc;
// }
img {
  width: 100%;
  height: 100%;
}
</style>